* {
    margin : 0 auto;
    padding: 0px;
}

.zysz-xg {
    width        : 1200px;
    height       : 412px;
    margin-top   : 30px;
    margin-bottom: 50px;
}

.zysz-xg ul {
    width          : 1200px;
    height         : 412px;
    display        : flex;
    justify-content: space-between;
}

.zysz-xg ul li:hover {
    flex-basis: 758px;
}

.zysz-xg ul li {
    flex        : 1;
    height      : 412px;
    display     : block;
    float       : left;
    margin-right: 2px;
    transition  : 0.5s;
    position    : relative;
}

ul li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

.zysz-xg ul li a p {
    -webkit-writing-mode: vertical-lr;
    writing-mode        : vertical-lr;
    font-size           : 20px;
    font-weight         : normal;
    font-stretch        : normal;
    line-height         : 20px;
    letter-spacing      : 4px;
    color               : #ffffff;
    position            : absolute;
    top                 : 28px;
    left                : 24px;
}

.zysz-xg ul li a img {
    display   : block;
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}